<div class="modal-header" style="padding:0.5rem">
    <h5 class="modal-title">
        <span>编辑样式</span>
    </h5>
    <span class="pull-right">
        <button type="button" class="close" (click)="close()" [attr.aria-label]="l('Close')"
            [disabled]="saving">
            <i aria-hidden="true" class="bi bi-x"></i>
        </button>
    </span>
</div>
<div class="modal-body" >
    <tabset class="tab-container tabbable-line">
        <tab class="pt-3" heading="Desktop">
            <div class="row m-2">
                <div class="col-sm-12 text-right">
                    <button type="button" class="btn btn-primary blue btn-xs" (click)="rollbackPc()"><i
                        class="fa fa-reply"></i> 恢复默认值</button>
                </div>
            </div>
            <edit-style #htmlStyle></edit-style>
        </tab>
        <tab  class="pt-3" heading="Mobile">
            <div class="row m-2">
                <div class="col-sm-12 text-right">
                    <button type="button" class="btn btn-primary blue  btn-xs" (click)="rollbackMobile()"><i
                            class="fa fa-reply"></i> 恢复默认值</button>
                </div>
            </div>
            <edit-mobile-style #htmlMobileStyle></edit-mobile-style>
        </tab>
    </tabset>
    <!-- <div class="form-group form-md-line-input form-md-floating-label no-hint"  >
        <label>自定义样式名</label>
        <input type="text" class="form-control" [(ngModel)]="htmlClass" name="htmlClass">
    </div> -->
    <!-- <div class="form-group form-md-line-input form-md-floating-label no-hint" *ngIf="false">
        <label>Visibility Rule</label>
        <textarea class="form-control" rows="5" name="rule" [(ngModel)]="data.rule"></textarea>
    </div> -->
</div>
<div class="modal-footer">
    <button [disabled]="saving" type="button" class="btn btn-default font-weight-bold"
            (click)="close()">
        {{"Cancel" | localize}}
    </button>
    <button  class="btn btn-primary blue"  [buttonBusy]="saving" [busyText]="l('SavingWithThreeDot')" (click)="save()">
       <i class="fa fa-save"></i>{{"Save" | localize}}
    </button>
</div>
